<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="container">
            <div class="tab-pane fade in active" id="score">
                
                    {% for item in data %}
                    
                        <h4><a href="{{ item.news }}" target="_blank">{{ item.title }} | {{ item.nickname }}</a></h4>
                        <p>{{ item.type }}：{{ item.division }}赛区{{ item.date }} |  <strong>{{ item.teamout }}</strong> {{ item.position }}{{ item.nickname }} 转至 <strong>{{ item.teamin }}</strong> | <strong>PC排名 <span style="color:red;">{{ item.pc_rank }}</span></strong> | <strong>移动排名 <span style="color:red;">{{ item.m_rank }}</span></strong> | <a href="http://www.2cpseo.com/search?q={{ item.nickname }}" target="_blank">填充</a></p>

                    {% endfor %}
                
            </div>
        </div>
</body>
</html>